import React, { Component } from 'react';
import styles from './Components.less'
class BarChart extends Component<any, any> {
    render() {
        const { precent, title, num } = this.props;
        return (
            <div className={styles["column-chart-item"]}>
                <p className={styles["column-chart-title"]}>{title}</p>
                <div className={styles["bar-column"]}>
                    <div style={{ width: precent + '%' }} className={styles['bar-column-content']}>
                        <p className={styles['bar-column-value']}>{num}</p>
                    </div>
                </div>
            </div>
        );
    }
}

export default BarChart;
